{% extends 'registration/registration_base.html' %}

{% block breadcrumbs %}
    {{ block.super }}
    <a href="#">Activation Complete</a>
{% endblock %}

{% block content %}
        <div class="col-md-6 hidden-xs hidden-sm">
            <div class="ct-headerText--normal">
                <h2 class="text-uppercase ct-fw-600 ct-u-marginBottom70">
                    <i class="fa fa-check"></i>
                    Activation complete!
                </h2>
                <span class="ct-u-marginBottom50">You can now use FireCARES to analyze how fire department resources are deployed to match a community's risks.</span>
            </div>
        </div>
        <div class="col-md-6">
            <form class="ct-formRegister pull-right-md" role="form" method="get" action="{% url 'firedepartment_list' %}">
                <div class="ct-form--label--type3">
                    <div class="ct-u-displayTableVertical">
                        <div class="ct-u-displayTableCell">
                            <div class="ct-input-group-btn">
                                <button class="btn btn-primary">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                        <div class="ct-u-displayTableCell text-center">
                            <span class="text-uppercase">Search for departments</span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="ct-form--item ct-u-marginBottom20 form-group">
                        <input type="text" class="form-control input-lg" name="q" placeholder="Search by name, zip, city, or state.">
                    </div>
                    <div class="ct-form--item">
                        <button type="submit" class="btn btn-warning center-block">Search</button>
                    </div>
                    <hr/>
                    <div class="ct-form--item text-center add-on">
                        <h4 class="ct-u-marginBottom20 ct-u-marginTop10">or</h4>
                        <a href="{% url 'firestation_home' %}" class="btn btn-sm btn-default">Go to Homepage</a>
                    </div>
                </div>
            </form>
        </div>
{% endblock %}